<template>
  <page-container title="设置">
   <view class="main">
   	<view class="items"> <text>页面置灰</text> <switch :checked="switch1Checked" @change="switch1Change"/></view>
   	<view class="items"> <text>成为商家</text> <switch :checked="switch1Checked1" @change="switch1Change1"/></view>
   	
   	<view class="items" @click="handleLogout"> 退出登录</view>
   		
   	
   </view>
  </page-container>
</template>

<script lang="ts" src="./setting.ts"></script>

<style lang="scss" scoped>


.main{
		margin: 0;
		padding: 0 20rpx;
		padding-top: 20rpx;
		background-color: #f3f3f3;
		position: relative;
		min-height: 60vh;
		z-index: 11;
		.items{
			padding-left: 30rpx;
			height: 70rpx;
			line-height: 70rpx;
			margin-bottom: 20rpx;
			background: #ffffff;
			border-radius: 6px;
			box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
			text{
				margin-right: 30rpx;
			}
			
		}
	}
</style> 